<?php

    $productFeaturedList = $this->getFeaturedProduct();
    
?>
<div class="std">
    <div class="home-spot">
        <div class="box best-selling">
            <h3><?php echo $this->__("Hàng Nóng ") ?><span><?php echo $this->__("Mua Nhanh") ?></span></h3>
            <?php $i=1 ?>
            <?php if(count($productFeaturedList) > 0):?>
            <ul class="hot-product jcarousel-skin-tango" id="mycarousel">
                <?php foreach ($productFeaturedList as $_product): ?>
                    <?php $class = "" ?>
                    <?php if($i%4==0): ?>
                    <?php $class = "class='last'" ?>
                    <?php endif; ?>
                    <li <?php echo $class ?> >
                        <a href="<?php echo $_product->getProductUrl() ?>">
                            <img class="product-img" src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize(FEATURED_PRODUCT_WIDTH,FEATURED_PRODUCT_HEIGHT); ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'image'), null, true) ?>" />
               
                        </a>
                        <p class="product-description">
                            <a href="<?php echo $_product->getProductUrl() ?>"><?php echo $_product->getName() ?></a>
                        </p>
                    </li>
                    <?php $i++; ?>
                <?php endforeach; ?>      
            </ul>
            <?php endif;?>
            <!--
            <a href="#" class="btn-previous" title="Previous"><img src="<?php //echo $this->getSkinUrl("images/dummy.gif") ?>" class="ui-icon icon-15" alt="Previous" /></a>
            <a href="#" class="btn-continue" title="Continue"><img src="<?php //echo $this->getSkinUrl("images/dummy.gif") ?>" class="ui-icon icon-14" alt="Continue" /></a>
            -->
            <ul class="lst-slide">
                <li><a href="#" title=""><img src="<?php echo $this->getSkinUrl("images/dummy.gif") ?>" class="ui-icon icon-05" alt="" /></a></li>
                <li><a href="#" title=""><img src="<?php echo $this->getSkinUrl("images/dummy.gif") ?>" class="ui-icon icon-05" alt="" /></a></li>
                <li><a href="#" title=""><img src="<?php echo $this->getSkinUrl("images/dummy.gif") ?>" class="ui-icon icon-05 active" alt="" /></a></li>
                <li><a href="#" title=""><img src="<?php echo $this->getSkinUrl("images/dummy.gif") ?>" class="ui-icon icon-05" alt="" /></a></li>
                <li><a href="#" title=""><img src="<?php echo $this->getSkinUrl("images/dummy.gif") ?>" class="ui-icon icon-05" alt="" /></a></li>
            </ul>
        </div>
        <?php echo $this->getChildHtml("favourite"); ?>
        <div class="box best-selling" id="slide_vendor">
            <?php echo $this->getChildHtml("slide"); ?>
        </div>
        
    </div>
</div>
<script type="text/javascript">
    
jQuery(document).ready(function() {
    
    jQuery('#mycarousel').jcarousel({
        start: 1,
        offset: 1,
        size: null,
        scroll: 4,
        buttonPrevHTML: '<a class="btn-previous" title="<?php echo $this->__("Previous") ?> href="javascript:void()"><img class="ui-icon icon-15" alt="<?php echo $this->__("Previous") ?>" src="<?php echo $this->getSkinUrl("images/dummy.gif") ?>"></a>',
        buttonNextHTML: '<a  title="<?php echo $this->__("Continue") ?>" class="btn-continue" href="javascript:void(0)"> <img class="ui-icon icon-14" alt="Continue" src="<?php echo $this->getSkinUrl("images/dummy.gif") ?>">\n\
                                </a>'
    });
});
 
</script>